<div class="full-width-column">
	<div class="module">
		<div class="navbar-header">
			<span class="navbar-brand">Colegios</span>
		</div>
		<div class="clearfix">

			<button ep-open-modal="nuevo-colegio" class="btn btn-default">
				Nuevo Colegio<i class="glyphicon glyphicon-plus pull-right"></i>
			</button>

			<table class="table table-hover">
				<thead>
					<tr>
						<th>Nombre</th>
						<th>Estado</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="colegio in colegios" ng-click="verColegio(colegio)">
						<td ng-bind="colegio.nombre"></td>
						<td ng-bind="colegio.state"></td>
					</tr>
				</tbody>
			</table>



		</div>
	</div>
</div>





<ep-modal-pane title="Nuevo Colegio" aceptar="crearColegio()"
	modal-id="nuevo-colegio">
<div id="divNuevoColegio">
	<div class="form-group">
		<label for="nombreColegio">Nombre colegio</label> <input type="text"
			class="form-control" id="nombreColegio" placeholder="Nombre colegio"
			ng-model="$parent.nuevoColegio.nombre">
	</div>


	<div class="form-group">
		<label for="nombreColegio">Jornada</label> <select
			class="form-control" id="nombreColegio" placeholder="Jornada"
			ng-model="$parent.nuevoColegio.jornada"
			ng-options="jornada.name() as jornada.nombre for jornada in jornadas">
		</select>
	</div>

	<div class="form-group">
		<label for="nombreColegio">Direcci&oacute;n</label> <input type="text"
			class="form-control" id="nombreColegio"
			placeholder="Direcci&oacute;n"
			ng-model="$parent.nuevoColegio.direccion">
	</div>
	<div class="form-group">
		<label for="nombreColegio">Telefono</label> <input type="text"
			class="form-control" id="nombreColegio" placeholder="Telefono"
			ng-model="$parent.nuevoColegio.telefono">
	</div>

	<div class="form-group">
		<label for="nombreColegio">Escala Notas</label>
	</div>
	<div class="row">
		<div class="col-md-2">
			<div class="form-group">
				<label for="nombreColegio">Min</label> <input type="text"
					class="form-control" id="nombreColegio" placeholder="Min"
					ng-model="$parent.escalaNotas.min">
			</div>
		</div>
		<div class="col-md-2">
			<div class="form-group">
				<label for="nombreColegio">B&aacute;sico</label> <input type="text"
					class="form-control" id="nombreColegio" placeholder="B&aacute;sico"
					ng-model="$parent.escalaNotas.basico">
			</div>
		</div>
		<div class="col-md-2">
			<div class="form-group">
				<label for="nombreColegio">Alto</label> <input type="text"
					class="form-control" id="nombreColegio" placeholder="Alto"
					ng-model="$parent.escalaNotas.alto">
			</div>
		</div>
		<div class="col-md-2">
			<div class="form-group">
				<label for="nombreColegio">Superior</label> <input type="text"
					class="form-control" id="nombreColegio" placeholder="Superior"
					ng-model="$parent.escalaNotas.superior">
			</div>
		</div>
		<div class="col-md-2">
			<div class="form-group">
				<label for="nombreColegio">Max</label> <input type="text"
					class="form-control" id="nombreColegio" placeholder="Max"
					ng-model="$parent.escalaNotas.max">
			</div>
		</div>
	</div>
</div>
</ep-modal-pane>